(function () {
    // 添加响应拦截器
    axios.interceptors.response.use(function (res) {
        //axios返回的数据非常丰富  data是响应数据
        const data = res.data;  //打印之后观察的结果
        // 对响应数据做点什么
        if (data.code === 401) {
            window.parent.location.href = './adminlogin.html';
        } else {
            return data;//把接收的数据结构then进一步处理
        }
    }, function (error) {
        // 对响应错误做点什么
        return Promise.reject(error);
    });

    //文章列表
    layui.use('table', function () {
        var table = layui.table;
        //第一个实例
        table.render({
            elem: '#articelist'
            , height: 'full-120'
            , url: '/api/articlelist' //数据接口
            , headers: { authorization: window.localStorage.getItem('token') }
            , page: true //开启分页
            , limit: 20 //每页显示的条数
            , cols: [[ //表头
                { field: 'aid', title: '文章ID', width: 80 }
                , { field: 'title', title: '标题' }
                , { field: 'content', title: '内容' }
                , {
                    field: 'cover', title: '主图', width: 150, templet: function (d) {
                        return `<img class="mainpic" src="${d.cover}">`;
                    }
                }
                , { field: 'uid', title: '用户id', width: 80 }
                , {
                    field: 'addtimes', title: '上传时间', width: 177, templet: function (d) {
                        const dt = new Date(d.addtimes);
                        return dt.toLocaleString();
                    }
                }
                , { field: 'comments', title: '评论数', width: 80 }
                , { field: 'supports', title: '点赞数', width: 80 }
                , { field: 'collects', title: '收藏数', width: 80 }
                , {
                    field: 'aid', title: '操作', width: 120, templet: function (d) {
                        return `
                            <a href="###" class="oper del" data-id=${d.aid}>删除</a>`;
                    }
                }
            ]]
        });
    });

    //文章的删除
    const delTbody = document.querySelector('.mytable');
    delTbody && delTbody.addEventListener('click', articleDelFn);
    function articleDelFn(event) {
        const target = event.target;
        console.log(target);
        if (target.classList.contains('del')) {
            //删除确认操作
            if (!confirm('是否确定删除该信息?')) return;

            const id = target.dataset.id;
            console.log(id);
            //告诉服务器根据这个id删除这个记录
            axios.get('/api/delarticle', {
                params: { id }
            }).then(function (response) {
                console.log(response);
                if (response.code === 1) {
                    target.parentElement.parentElement.parentElement.remove();
                }
            }).catch(function (error) {
                console.log(error);
            });
        }
    }


})();